
.rui.textfield {
  // display: flex;
  // flex: 1 1 auto;
  // border: none;
}

.rui.textfield input {
  // flex: 1 1 auto;
  width: 100%;
  padding: @padding-base-vertical @padding-base-horizontal;
  border: 1px solid @border-color;
  border-radius: @input-border-radius;
}

.rui.textfield input::placeholder {
  color: @black30;
}

.rui.textfield textarea::placeholder {
  color: @black30;
}

.rui.textfield.center input {
  text-align: center;
}

.rui.textfield.left input {
  text-align: left;
}

.rui.textfield.right input {
  text-align: right;
}

.rui.textfield.justify input {
  text-align: justify;
}

.rui.textfield textarea {
  // flex: 1 1 auto;
  width: 100%;
  padding: @padding-base-vertical @padding-base-horizontal;
  border: 1px solid @border-color;
  border-radius: @input-border-radius;
}

.action-view-body .rui.textfield input, .action-view-body .rui.textfield textarea {
  background-color: @black02;
  color: @rui-default-text;
}

.rui.textfield.has-error input {
  border-color: @rui-danger;
}

.rui.textfield.help-text input {
  border-color: @state-danger-border
}

// Original style is inherited from Bootstrap
.rui.textfield .help-block {
  color: @black30;
}
.rui.textfield.has-error .help-block {
  color: @rui-danger;
}
